<script type="text/javascript" language="Javascript" src="http://vnexpress.net/Service/Gold_Content.js"></script>
<script type="text/javascript" language="Javascript" src="http://vnexpress.net/Service/Forex_Content.js"></script>
<script type="text/javascript" language="Javascript" src="http://rilwis.googlecode.com/svn/trunk/weather.min.js"></script>
<div class="module_small module_small_login">
    <div class="title">
        <div class="fl left_icon"></div>
        <div class="fl"><span lang="<?=$array_lang[$lang_id][0]?>">Thời tiết</span></div>
        <div class="fr right_icon"></div>
    </div>
    <div class="content padding">
    	<div>
            <table cellpadding="0" cellspacing="0" border="0" width="100%;">              
                <tr>
                    <td>
                        <div class="select" style="width: 100%;">
                            <div class="arrow"></div>
                            <div class="arrow_hover"></div>
                            <div class="selected"><span>Hà Nội</span></div>
                            <ul class="option">
                                <li id="mot" class="option_select option_selected" style="height: 18px;cursor:pointer;">Hà Nội</li>
                                <li id="hai" class="option_select" style="height: 18px;cursor:pointer;">TP Hồ Chí Minh</li>
                                <li id="ba" class="option_select" style="height: 18px;cursor:pointer;">Đà Nẵng</li>
                                <li id="bon" class="option_select" style="height: 18px;cursor:pointer;">Hải Phòng</li>
                                <li id="nam" class="option_select" style="height: 18px;cursor:pointer;">Vinh</li>
                                <li id="sau" class="option_select" style="height: 18px;cursor:pointer;">Nha Trang</li>
                                <li id="bay" class="option_select" style="height: 18px;cursor:pointer;">Sơn La</li>
                                <li id="tam" class="option_select" style="height: 18px;cursor:pointer;">Pleiku</li>
                            </ul>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td style="height: 10px;"></td>
                </tr>
                <tr>
                    <td id="content_weather">                                                                                                
                        <div class="mot" style="display:block;">
                            <script type='text/javascript'>showWeather('hanoi, vietnam');</script>
                        </div>
                        <div class="hai" style="display:none;">
                            <script type='text/javascript'>showWeather('hochiminh, vietnam');</script>
                        </div>
                        <div class="ba" style="display:none;">
                            <script type='text/javascript'>showWeather('danang, vietnam');</script>
                        </div>
                        <div class="bon" style="display:none;">
                            <script type='text/javascript'>showWeather('haiphong, vietnam');</script>
                        </div>
                        <div class="nam" style="display:none;">
                            <script type='text/javascript'>showWeather('vinh, vietnam');</script>
                        </div>
                        <div class="sau" style="display:none;">
                            <script type='text/javascript'>showWeather('nhatrang, vietnam');</script>
                        </div>
                        <div class="bay" style="display:none;">
                            <script type='text/javascript'>showWeather('sonla, vietnam');</script>
                        </div>
                        <div class="tam" style="display:none;">
                            <script type='text/javascript'>showWeather('pleiku, vietnam');</script>
                        </div>
                    </td>
                </tr>
            </table>
        </div>
    </div>
</div>
<div class="module_bottom_small"><div class="fl"></div><div class="fr"></div></div>
<div class="module_small module_small_login">
	<div class="title">
    	<div class="fl left_icon"></div>
        <div class="fl"><span lang="<?=$array_lang[$lang_id][0]?>">Giá vàng</span></div>
        <div class="fr right_icon"></div>
	</div>
    <div class="content padding">
    	<div>
			<table width="100%" border="1" cellspacing="0" cellpadding="2">
                <tr><td><strong>LOẠI VÀNG</strong></td><td><strong>MUA</strong></td><td><strong>BÁN</strong></td></tr>
                <tr>
                  <td width="30%"><strong>SBJ</strong></td>
                  <td><script language="Javascript"> document.write(vGoldSbjBuy); </script></td>
                  <td><script language="Javascript"> document.write(vGoldSbjSell); </script></td>
                </tr>
                <tr>
                  <td><strong>SJC</strong></td>
                  <td><script language="Javascript"> document.write(vGoldSjcBuy); </script></td>
                  <td><script language="Javascript"> document.write(vGoldSjcSell); </script></td>
                </tr>
            </table>
		</div>
	</div>
</div>
<div class="module_bottom_small"><div class="fl"></div><div class="fr"></div></div>

<script type="text/javascript" language="Javascript" src="http://vnexpress.net/Service/Forex_Content.js"></script>
<div class="module_small module_small_login">
	<div class="title">
    	<div class="fl left_icon"></div>
        <div class="fl"><span lang="<?=$array_lang[$lang_id][0]?>">Tỷ giá</span></div>
        <div class="fr right_icon"></div>
	</div>
    <div class="content padding">
    	<div>            
            <table width="100%" border="1" cellspacing="0" cellpadding="2">
                <tr>
                  <td width="50%"><strong>USD</strong> </td>
                  <td><script language="Javascript"> document.write(vCosts[0]);//USD </script></td>
                </tr>
                <tr>
                  <td><strong>GBP</strong></td>
                  <td><script language="Javascript"> document.write(vCosts[1]);//GBP </script></td>
                </tr>
                <tr>
                  <td><strong>HKD</strong></td>
                  <td><script language="Javascript"> document.write(vCosts[2]);//HKD </script></td>
                </tr>
            
                <tr>
                  <td><strong>CHF</strong></td>
                  <td><script language="Javascript"> document.write(vCosts[3]);//CHF </script></td>
                </tr>
                <tr>
                  <td><strong>JPY</strong></td>
                  <td><script language="Javascript"> document.write(vCosts[4]);//JPY </script></td>
                </tr>
                <tr>
                  <td><strong>AUD</strong></td>
                  <td><script language="Javascript"> document.write(vCosts[5]);//AUD </script></td>
                </tr>
                <tr>
                  <td><strong>CAD</strong></td>
                  <td><script language="Javascript"> document.write(vCosts[6]);//CAD </script></td>
                </tr>
            
                <tr>
                  <td><strong>SGD</strong></td>
                  <td><script language="Javascript"> document.write(vCosts[7]);//SGD </script></td>
                </tr>
                <tr>
                  <td><strong>EUR</strong></td>
                  <td><script language="Javascript"> document.write(vCosts[8]);//EUR </script></td>
                </tr>
                <tr>
                  <td><strong>NZD</strong></td>
                  <td><script language="Javascript"> document.write(vCosts[9]);//NZD </script></td>
                </tr>
                <tr>
                  <td><strong>Bat Thái Lan</strong></td>
                  <td><script language="Javascript"> document.write(vCosts[10]);//Bat Thái Lan </script></td>
                </tr>
              </table>
		</div>
	</div>
</div>
<div class="module_bottom_small"><div class="fl"></div><div class="fr"></div></div>
<script type='text/javascript'>
$(function(){
    var selected ="#mot";
    $(".arrow").mouseenter(function() {
        $(".arrow_hover").show();
    });
    $(".arrow_hover").mouseout(function() {
        $(this).hide();
    });
    $(".option").mouseleave(function() {
        $(this).hide();
    });
    $(".option li:[class!=option_selected]").mouseenter(function() {
        $(".option_select").removeClass("option_selected");
        $(this).addClass("option_selected");       
    });
    $(".option li:[class!=option_selected]").mouseleave(function() {
        $(this).removeClass("option_selected");
        $(selected).addClass("option_selected");
    });
    $(".arrow_hover").click(function() {
        $(".option").slideToggle();
        $("#mot").click(function() {
            selected ="#mot";
            $(".option").slideUp();
            $(".selected span").text("Hà Nội");
            $(".option_select").removeClass("option_selected");
            $(this).addClass("option_selected");
            $(".mot").css("display","block");
            $("#content_weather div:[class!=mot]").css("display","none");
        });
        $("#hai").click(function() {
            selected ="#hai";
            $(".option").slideUp();
            $(".selected span").text("TP Hồ Chí Minh");
            $(".option_select").removeClass("option_selected");
            $(this).addClass("option_selected");
            $(".hai").css("display","block");
            $("#content_weather div:[class!=hai]").css("display","none");
        });
       $("#ba").click(function() {
            selected ="#ba";
            $(".option").slideUp();
            $(".selected span").text("Đà Nẵng");
            $(".option_select").removeClass("option_selected");
            $(this).addClass("option_selected");
            $(".ba").css("display","block");
            $("#content_weather div:[class!=ba]").css("display","none");
        });
        $("#bon").click(function() {
            selected ="#bon";
            $(".option").slideUp();
            $(".selected span").text("Hải Phòng");
            $(".option_select").removeClass("option_selected");
            $(this).addClass("option_selected");
            $(".bon").css("display","block");
            $("#content_weather div:[class!=bon]").css("display","none");
        });
        $("#nam").click(function() {
            selected ="#nam";
            $(".option").slideUp();
            $(".selected span").text("Vinh");
            $(".option_select").removeClass("option_selected");
            $(this).addClass("option_selected");
            $(".nam").css("display","block");
            $("#content_weather div:[class!=nam]").css("display","none");
        });
        $("#sau").click(function() {
            selected ="#sau";
            $(".option").slideUp();
            $(".selected span").text("Nha Trang");
            $(".option_select").removeClass("option_selected");
            $(this).addClass("option_selected");
            $(".sau").css("display","block");
            $("#content_weather div:[class!=sau]").css("display","none");
        });
        $("#bay").click(function() {
            selected ="#bay";
            $(".option").slideUp();
            $(".selected span").text("Sơn La");
            $(".option_select").removeClass("option_selected");
            $(this).addClass("option_selected");
            $(".bay").css("display","block");
            $("#content_weather div:[class!=bay]").css("display","none");
        });
        $("#tam").click(function() {
            selected ="#tam";
            $(".option").slideUp();
            $(".selected span").text("Pleiku");
            $(".option_select").removeClass("option_selected");
            $(this).addClass("option_selected");
            $(".tam").css("display","block");
            $("#content_weather div:[class!=tam]").css("display","none");
        });
    });
});
</script>